<template>
	<!-- 注册 -->	
	<div id="Register">
		
		<div class="content">
			<h1>注册</h1>
			
			<input type="text" placeholder="请输入用户名" v-model="username">
			<input type="text" placeholder="请输入邮箱地址" v-model="useremail">
			<input type="text" placeholder="请输入密码" v-model="userpass">
			
			<button @click="doregister">注册</button>		
		</div>
		
		
	</div>
</template>

<script>
	export default{
		name:'Register',
		data(){
			return {
				username:'',
				useremail:'',
				userpass:''
			}
		},
		methods:{
			doregister(){
				this.$axios.get('http://116.63.80.218/users/register',{
					params:{
						username:this.username,
						email:this.useremail,
						password:this.userpass,
					}
				})
				.then(res=>{
					console.log(res.data)
					
				})
			}
		}
		
	}
</script>

<style lang="less" scoped>
	
	.content{
		height: 50vh;
		width: 85%;
		background-color: #D6D6D6;
		margin: 0 auto;
		text-align: center;
		margin-top: 5vh;
		display: flex;
		flex-direction: column;
		
	}
	.content>input{
		width: 80%;
		margin: 0 auto;
		height: 5vh;
		border-radius: 15px;		
		outline-style: none ;
		border: none ;
		text-shadow: none ;
		box-shadow: none;
		
		
	}
	.content>button{
		width: 80%;
		margin: 0 auto;
		height: 5vh;
		border-radius: 15px;
		border: none ;
		text-shadow: none ;
		box-shadow: none;
		 background:linear-gradient(to bottom, #ffc410,#fb003a); 
	}
	
</style>

 